﻿<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <base href="https://zipper.symbio.com">
    <title>Message Title</title>
    <style type="text/css">
@media only screen and (max-device-width: 480px) {{.mobile-only {{
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    line-height: normal !important;
    font-size: inherit !important;
    mso-hide: all;
}}

a {{
	color: #3b73af;
	text-decoration: none
}}

.desktop-only {{
    display: none !important;
}}

/* iPhone 3GS fix for unwanted 20px right margin */
body {{
    min-width: 100% !important;
    padding: 0;
    margin: 0;
}}

#center-content-table {{
    max-width: none;
!important;
}}

#header-pattern-container {{
    padding: 10px 10px 10px 10px !important;
    line-height: 20px !important;
}}

#header-avatar-image-container {{
    padding-right: 8px !important;
}}

#email-content-container {{
    padding: 0 !important;
}}

.mobile-expand {{
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-left: 26px !important;
}}

.mobile-resize-text {{
    font-size: 16px !important;
    line-height: 22px !important;
}}

#page-title-pattern-header {{
    font-size: 20px !important;
    line-height: 28px !important;
}}

#page-title-pattern-icon-image-container-cell {{
    padding-top: 7px !important;
}}

#inline-user-pattern {{
    display: block !important;
}}

#inline-user-pattern-avatar {{
    padding-top: 3px !important;
}}

.contextual-area-pattern {{
    border-bottom: 1px solid #ccc !important;
    padding: 15px 10px 0 10px !important;
}}

.users-involved-pattern-column-table {{
    width: 100% !important;
}}

.users-involved-pattern-avatar-table-cell {{
    padding: 3px 5px 5px 0 !important;
}}

.users-involved-pattern-column-container {{
    padding-right: 0 !important;
}}

.contextual-excerpt-pattern, #users-involved-pattern {{
    border: 0 !important;
}}

/** Aui Typography upsized for mobile **/
#content-excerpt-pattern-container, #contextual-excerpt-pattern-text-container {{
    font-size: 16px !important;
    line-height: 22px !important;
}}

#content-excerpt-pattern-container h1, #contextual-excerpt-pattern-text-container h1 {{
    font-size: 24px !important;
    line-height: 28px !important;
}}

#content-excerpt-pattern-container h2, #contextual-excerpt-pattern-text-container h2 {{
    font-size: 20px !important;
    line-height: 28px !important;
}}

#content-excerpt-pattern-container h3, #contextual-excerpt-pattern-text-container h3 {{
    font-size: 18px !important;
    line-height: 24px !important;
}}

#content-excerpt-pattern-container h4, #contextual-excerpt-pattern-text-container h4 {{
    font-size: 16px !important;
    line-height: 22px !important;
}}

#content-excerpt-pattern-container h5, #contextual-excerpt-pattern-text-container h5 {{
    font-size: 14px !important;
    line-height: 20px !important;
}}

#content-excerpt-pattern-container h6, #contextual-excerpt-pattern-text-container h6 {{
    font-size: 14px !important;
    line-height: 20px !important;
}}

.user-mention {{
    line-height: 18px !important;
}}

/** Aui Typography end **/

/* Show appropriate footer logo on mobile, display links vertically */
#footer-pattern {{
    padding: 15px 10px !important;
}}

#footer-pattern-logo-desktop-container {{
    padding: 0 !important;
}}

#footer-pattern-logo-desktop {{
    width: 0 !important;
    height: 0 !important;
}}

#footer-pattern-logo-mobile {{
    padding-top: 10px !important;
    width: 30px !important;
    height: 27px !important;
    display: inline !important;
}}

#footer-pattern-text {{
    display: block !important;
}}

#footer-pattern-links-container {{
    line-height: 0 !important;
}}

.footer-pattern-links.mobile-resize-text,
.footer-pattern-links.mobile-resize-text,
#footer-pattern-text.mobile-resize-text,
#footer-pattern-links-container.no-footer-links {{
    font-size: 14px !important;
    line-height: 20px !important;
}}

.footer-link {{
    display: block !important;
}}

#footer-pattern-links-container table {{
    display: inline-block !important;
    float: none !important;
}}

#footer-pattern-links-container, #footer-pattern-text {{
    text-align: center !important;
}}

#footer-pattern-links {{
    padding-bottom: 5px !important;
}}

/** Team Calendar overrides, these should be removed when notifications are updated in Team Calendars. For now CSS
    overrides are being used because the structure of the content can't change without rereleasing the plugin */
.mail-calendar-container .day-header + table tr td:first-child {{
    vertical-align: top !important;
    padding-top: 5px !important;
}}.mobile-only.popular-content-excerpt-image-table {{
    display: block !important;
}}

.mobile-only .popular-content-excerpt-image-table-thumbnail-container {{
    padding-left: 8px !important;
}}

.mobile-only .first.popular-content-excerpt-thumbnail-container,
.mobile-only .middle.popular-content-excerpt-thumbnail-container {{
    padding-bottom: 8px !important;
}}

.mobile-only.popular-content-excerpt-image-table img.main-image {{
	width: auto !important;
    height: 160px !important;
    display: block !important;
}}

.mobile-only.popular-content-excerpt-image-table img.thumbnail {{
    width: 48px !important;
    height: 48px !important;
    display: block !important;
}}

.desktop-only.popular-content-excerpt-image-table img.main-image {{
    height: 0px !important;
    width: 0px !important;
    display: none !important;
}}

.desktop-only.popular-content-excerpt-image-table img.thumbnail {{
    width: 0px !important;
    height: 0px !important;
    display: none !important;
}}

.popular-content-excerpt-image-container-bottom {{
	padding-top: 15px !important;
	padding-bottom: 10px !important;
	display: block !important;
}}.recommended-content-notification-body-class .email-content-main.mobile-expand {{
    padding-left: 20px !important;
}}

.recommended-content-notification-body-class .email-content-rounded-top {{
    border-top: 0 !important;
}}

.mobile-only .popular-content-like-table td.first {{
    padding: 0 5px !important;
}}

.mobile-only .popular-content-comment-table td.first {{
    padding-right: 5px !important;
}}

.mobile-only .popular-content-like-table img,
.mobile-only .popular-content-comment-table img {{
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}}

.desktop-only .popular-content-like-table img,
.desktop-only .popular-content-comment-table img {{
    width: 0px !important;
    height: 0px !important;
}}

.mobile-only.bullet-point,
.mobile-only .popular-content-excerpt-network-container td {{
	font-size: 14px;
    line-height: 20px;
}}

.desktop-only.popular-content-annotations-container td,
.desktop-only.bullet-point,
.desktop-only .popular-content-excerpt-network-container td {{
    font-size: 0;
    line-height: 0;
}}

.mobile-only.popular-content-annotations-container td {{
    font-size: 14px !important;
    line-height: 24px !important;
}}}}
@media (min-width: 900px) {{#center-content-table {{ width: 900px; }}}}
@media all {{#outlook a {{
    padding: 0;
}}

/* Force Outlook to provide a "view in browser" menu link. */
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
body {{
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}}

.ExternalClass {{
    width: 100%;
}}

/* Force Hotmail to display emails at full width */
#background-table {{
    margin: 0;
    padding: 0;
    width: 100% !important;
}}

/* Needed to override highlighting on date and time links in iOS */
.grey a {{
    color: #707070;
    text-decoration: none;
}}/* These styles are appended to the head element of a notification in order to prevent Apple Mail and similar
   clients from underlining the due dates with a blue hyperlink */
/* a lozenge outside an inline task should always be #333, lozenges inside an inline task should be
   colored according to their upcoming due dates, a completed task date lozenge or deleted task date
   lozenge should always be #707070 */
.date-time-lozenge a {{color: #333333; text-decoration: none; }}
.inline-task-text-container .date-time-lozenge.date-upcoming a {{color: #DF6F00; text-decoration: none; }}
.inline-task-text-container .date-time-lozenge.date-past a {{color: #D04437; text-decoration: none; }}
.inline-task-text-container.content-deleted-color .date-time-lozenge a,
.inline-task-text-container.checked .date-time-lozenge a {{
    color: #707070; text-decoration: none;
}}}}
    </style>
</head>
<body style="font-family: Arial, sans-serif">
    <table id="background-table" class="recommended-content-notification-body-class" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333; background-color: #f5f5f5">
        <tbody>
            <tr>
                <td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
                    <table id="center-content-table" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333; max-width: 900px">
                        <tbody>
                            <tr class="desktop-only">
                                <td id="daily-summary-header" class="desktop-only" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; height: 10px; line-height: 10px">&nbsp;</td>
                            </tr>
                            <tr>
                                <td id="email-content-container" style="padding: 0px; border-collapse: collapse; padding: 0 20px; font-family: Arial, sans-serif">
                                    <table id="email-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333; border-spacing: 0; border-collapse: separate">
                                        <tbody>
                                            <tr>
                                                <td class="email-content-rounded-top mobile-expand" style="padding: 0px; border-collapse: collapse; color: #fff; padding: 0 15px 0 16px; height: 15px; background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; font-family: Arial, sans-serif">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="email-content-main mobile-expand" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 0 15px 15px 16px; background-color: #fff; font-family: Arial, sans-serif; padding: 0px 20px 15px 20px">
                                                    <table cellspacing="0" cellpadding="0" border="0" width="100%" id="daily-summary-site-header-table" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333">
                                                        <tbody>
                                                            <tr>
                                                                <td id="daily-summary-site-header-cell" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 10px">
                                                                    <h1 id="daily-summary-site-title" style="font-size: 24px; font-weight: normal; margin: 0; line-height: 30px; padding-bottom: 5px">请假单审批通知</h1>
                                                                    <div id="daily-summary-site-description" style="color: #707070">
                                                                        <span class="grey">
                                                                            <table cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td class="daily-summary-site-date" valign="top" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; color: #707070; font-size: 14px; line-height: 20px">{0}</td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </span>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="email-content-main mobile-expand last-row-padding" style="padding: 0px; border-collapse: collapse; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 0 15px 15px 16px; background-color: #fff; padding-bottom: 10px; font-family: Arial, sans-serif; padding: 0px 20px 15px 20px">
                                                    <table id="popular-content-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333">
                                                        <tbody>
                                                            <tr>
                                                                <td id="popular-content-title-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif"> <h2 id="popular-content-title" style="font-size: 12px; font-weight: bold; text-transform: uppercase; color: #707070">您好 {1},</h2> </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="popular-content-excerpt-container first" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">
                                                                    <table class="popular-content-excerpt-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333">
                                                                        <tbody>

                                                                            <tr>
                                                                                <td style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif">&nbsp;</td>
                                                                                <td class="popular-content-excerpt-body-container" width="100%" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; padding-top: 5px; padding-bottom: 10px">

                                                                                    <table class="popular-content-excerpt-body-table" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333">
                                                                                        <tbody>
                                                                                            <tr>
                                                                                                <td class="popular-content-excerpt-content-container" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px">
                                                                                                    <p style="margin: 10px 0 0 0;">您有一份请假单需要审批，请登陆HRMS或手机扫码（二维码见下方）尽快批复，否则会影响考勤提交及工资核算，谢谢。</p>

                                                                                                    <p style="margin: 10px 0 0 0;"><strong>申请单号:&nbsp;</strong>{2}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>申请人:&nbsp;</strong>{3}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>项目/业务条线:&nbsp;</strong>{4}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>请假类型:&nbsp;</strong>{5}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>请假时间:&nbsp;</strong>{6}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>请假时长:&nbsp;</strong>{7}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>请假原因:&nbsp;</strong>{8}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>前一审批人:&nbsp;</strong>{11}</p>
                                                                                                    <p style="margin: 10px 0 0 0;"><strong>审批备注:&nbsp;</strong>{9}</p>
                                                                                                </td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <div id="recommended-email-inline-tasks-section" style="padding-top: 30px">
                                                        <div>
                                                            <h2 class="tasks-header-text" style="font-size: 12px; font-weight: bold; text-transform: uppercase; color: #707070; margin-top: 4px; margin-bottom: 4px">请登录 人事系统 查看，谢谢！ </h2>
                                                        </div>
                                                        <div class="go-to-my-tasks" style="font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; mso-line-height-rule: exactly; mso-text-raise: 1px; line-height: 44px">
                                                            快速跳转：{10}
                                                        </div>
                                                    </div>
                                                    <div style="">
                                                        <img src="cid:qr_code" alt="二维码" height="97" width="96" />
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="email-content-rounded-bottom mobile-expand" style="padding: 0px; border-collapse: collapse; color: #fff; height: 5px; line-height: 5px; padding: 0 15px 0 16px; background-color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; mso-line-height-rule: exactly; font-family: Arial, sans-serif">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td id="footer-pattern" style="padding: 0px; border-collapse: collapse; padding: 12px 20px; font-family: Arial, sans-serif"></td>
                            </tr>
                            <tr>
                                <td id="daily-summary-trackback" style="padding: 0px; border-collapse: collapse; font-family: Arial, sans-serif; display: none"><img src="https://zipper.symbio.com/plugins/servlet/confluence-daily-summary-email/tracking/trackback.png?schedule=weekly" width="1px" height="1px"></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <table id="sealed-section" border="0" cellpadding="0" cellspacing="0" width="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #333; display: none">
        <tbody>
            <tr>
                <td style="padding: 0px; border-collapse: collapse; border: 0; font-size: 0px; line-height: 0; mso-line-height-rule: exactly; font-family: Arial, sans-serif"></td>
            </tr>
        </tbody>
    </table>
</body>
</html>